<!DOCTYPE html>
<!--4月1号以前aho(公司名称)的 owner 协议-->
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />
    <title>Mandatory Declaration</title>
    <link href="../css/common.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body,
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        pre,
        code,
        form,
        fieldset,
        legend,
        input,
        texarea,
        p,
        blockquote,
        th,
        td {
            margin: 0px;
            padding: 0px;
        }
        
        body {
            overflow-x: hidden;
            font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-weight: normal;
            line-height: 1.5;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: #f8f8f8;
        }
        
        div,
        p {
            word-wrap: break-word;
        }
        
        .container {
            padding: 16px;
            background-color: #f8f8f8;
            margin-bottom: 64px;
        }
        
        .text {
            font-size: 15px;
            font-weight: 400;
            line-height: 20px;
            opacity: 1;
            color: #444444;
        }
        
        .textColorTitle {
            color: #b3b7be;
        }
        
        .topMargin10 {
            margin-top: 10px;
        }
        
        .textBold {
            font-weight: bold;
            color: #444444;
        }
        
        .bottomBar {
            width: 100%;
            position: fixed;
            bottom: 0;
            background-color: #ffffff;
        }
    </style>
</head>

<body>
    <div class="container text">
        <p class="textColorTitle" style="padding-left: 19px">
            Please scroll down and read it carefully
        </p>
        <div class="card">
            <p>• I <span id="owner_name_container">(<span id="input_owner_name" class="textBold">Insert owner name</span>)</span> am the owner of the Small Generation Unit (SGU) mentioned in the STC Assignment Form and I agree to assign my right to create
                STCs to
                <span class="textBold" id="agent_name">(Insert Name of Registered Agent)</span> (in its capacity as a registered agent) for a period of
                <span class="textBold" id="deeming_period">(insert deeming period)</span> years commencing
                <span class="textBold" id="installation_date">(insert installation date)</span>.
            </p>
            <p class="topMargin10">• I have not previously assigned or created any STCs for this system. I understand that this system is eligible for
                <span class="textBold" id="rec_quantity"> (insert number)</span> STCs, and I assign all my existing and future rights, title and interest in the STCs to <span class="textBold" id="agent_name1">(Insert Name of Registered Agent)</span> at a price equal
                to the promotional or contracted rate for STCs as at the day of trading (or such other agreed amount). I further assign the benefit of the payment I am entitled to receive as consideration for the assignment of the STCs to the applicable
                installer or retailer that sold me the system.
            </p>
            <p style="margin-top: 10px;">• I further declare that the accredited CEC installer named on this form physically attended the installation of the unit.</p>
            <p style="margin-top: 10px;">• I understand that agent(s) from the Clean Energy Regulator, or <span class="textBold" id="agent_name2">(Insert Name of Registered Agent)</span> may request to inspect the SGU at any time.</p>
            <p style="margin-top: 10px;">• I am aware that I have to retain proof of the installation for the life span of the STCs.</p>
            <p style="margin-top: 10px;">• I am aware that penalties can be applied for providing false or misleading information in this form under the <i>Renewable Energy (Electricity) Act 2000</i>, and where false and misleading information has been provided for the creation of the STCs,
                penalties can apply including the repayment of the total value of the STCs created.</p>
            <p style="margin-top: 20px;">• By agreeing to this declaration:</p>
            <p style="margin-top: 10px; padding-left: 10px;" > If I have indicated that I am registered for GST, I authorise <span class="textBold" id="agent_name3">(Insert Name of Registered Agent)</span> to: </p>
            <ol style="padding-left: 25px; list-style: lower-roman;">
                <li>generate a recipient created tax invoice on my behalf for the sale of the STCs in an amount equal to the price of the STCs; </li>
                <li>provide a copy of the invoice on my behalf to the installer/retailer;</li>
                <li>agree that I will not issue tax invoices in respect of the supplies provided under the STCs; and</li>
                <li>acknowledge that I am registered for GST as at the date of agreeing to the declaration and that I will notify <span class="textBold" id="agent_name4">(Insert Name of Registered Agent)</span> if I cease to be registered for GST.</li>
            </ol>
            <p style="margin-top: 10px;; padding-left: 10px;"><span class="textBold" id="agent_name5">(Insert Name of Registered Agent)</span> confirms that it is registered for GST as at the date of this declaration and that it will notify you if it ceases to be registered for GST.
            </p>
            <p style="margin-top: 10px;; padding-left: 10px;">
            If I am not registered for GST, I
                authorise <span class="textBold" id="agent_name6">(Insert Name of Registered Agent)</span> to:</p>
            </p >
            <ol style="padding-left: 25px; list-style: lower-roman;">
                <li>generate a non-GST tax compliant invoice on my behalf for the sale of the STCs in an amount equal to the price of the STCs; and </li>
                <li>provide a copy of the invoice on my behalf to the installer/retailer.</li>
            </ol>
            <p class="topMargin10" style="font-weight: bold;">
            • I agree to this device (GreenDeal App) taking a photo of me while I sign off to verify my identity
            </p>
            <p class="topMargin10" style="font-weight: bold; padding-left: 10px;">
            I authorise and appoint <span id="agent_name7">(Insert Name of Registered Agent)</span> as my agent to make any updates to this form which are required to allow for it to be duly processed.
            </p>
            <p class="topMargin10" style="font-weight: bold; padding-left: 10px;">
            I acknowledge that this declaration may be signed by electronic signature using a third-party online document execution service nominated by <span id="agent_name8">(Insert Name of Registered Agent)</span>.  By signing this declaration electronically, I:
            </p>
            <p class="topMargin10" style="font-weight: bold; padding-left: 10px;">
            • represent and warrant to <span id="agent_name9">(Insert Name of Registered Agent)</span> that I have been duly authorised to sign this declaration electronically, I have affixed my own electronic signature and that I hold the position or title indicated under the electronic signature; and
            </p>
            <p class="topMargin10" style="font-weight: bold; padding-left: 10px;">
            • indemnify <span id="agent_name10">(Insert Name of Registered Agent)</span> for any liability or loss arising from or in connection with as a result of the abovementioned warranties being untrue.
            </p>
        </div>
    </div>
    <div class="bottomBar">
        <div class="summitDiv">
            <button type="button" class ="summitButton" onclick="submit()">I Agree & Continue</button>
<!--                <input type="image" src="../images/btn_agree_sign.png" style="width: 164px;height: 64px;" onclick="submit()" />-->
        </div>
    </div>
</body>

<script type="text/javascript" src="../javascripts/platform.js"></script>
<script type="text/javascript">
    var data;

    function init_pvd_detail(detail) {
        data = detail;
        init_data(data);
        add_input_params(data);
    }

    function init_data(jsonData) {
        document.getElementById("input_owner_name").innerText = jsonData.owner_address.type_name;
        document.getElementById("deeming_period").innerText = jsonData.system_detail.deemed_years;
        document.getElementById("installation_date").innerText = jsonData.system_detail.installation_date;
        document.getElementById("rec_quantity").innerText = jsonData.system_detail.rec_quantity;
        document.getElementById("agent_name").innerText = jsonData.agent_name;
        document.getElementById("agent_name1").innerText = jsonData.agent_name;
        document.getElementById("agent_name2").innerText = jsonData.agent_name;
        document.getElementById("agent_name3").innerText = jsonData.agent_name;
        document.getElementById("agent_name4").innerText = jsonData.agent_name;
        document.getElementById("agent_name5").innerText = jsonData.agent_name;
        document.getElementById("agent_name6").innerText = jsonData.agent_name;
        document.getElementById("agent_name7").innerText = jsonData.agent_name;
        document.getElementById("agent_name8").innerText = jsonData.agent_name;
        document.getElementById("agent_name9").innerText = jsonData.agent_name;
        document.getElementById("agent_name10").innerText = jsonData.agent_name;
    }

    function add_input_params(jsonData) {
        let local = getLocalParam('inputparam');
        local['owner_full_name'] = jsonData.signatures.owner_type_name;
        local['deeming_period'] = jsonData.system_detail.deemed_years;
        local['agent_name'] = jsonData.agent_name;
        local['installation_date'] = jsonData.system_detail.installation_date;
        local['rec_quantity'] = jsonData.system_detail.rec_quantity;
        local["installation_date"] = jsonData.system_detail.installation_date;
        addParamToLocal('inputparam', local);
    }


    let doc_version = "1";

    function submit() {
        let localInputParam = getLocalParam('inputparam');
        let local = getLocalParam('param');
        local["owner_declaration_version"] = doc_version;
        local["statement_input_param_all"] = JSON.stringify(localInputParam);
        addParamToLocal('param', local)
        if (isIos) {
            window.webkit.messageHandlers.WebViewEvent.postMessage(local);
        }
        if (isAndroid) {
            myJsBridge.submit(JSON.stringify(local));
        }
    }

    function getLocalParam(paramName) {
        var local = localStorage.getItem(paramName);
        if (local != "" && local != null && local != undefined) {
            console.log(local)
            return JSON.parse(local);
        } else {
            return {};
        }
    }

    function addParamToLocal(paramName, dictionary) {
        localStorage.setItem(paramName, JSON.stringify(dictionary));
    }

    if (isAndroid) {
        let json = myJsBridge.initData();
        init_pvd_detail(JSON.parse(json));
    }

    if (isIos) {
        window.webkit.messageHandlers.event.postMessage({
            "event": "getPvddetail"
        });
    }
</script>


</html>
